<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${_title}</title>

    <!-- Bootstrap core CSS -->

    <link href="${_css}/bootstrap.min.css" rel="stylesheet">

	<link href="${_font}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${_css}/animate.min.css" rel="stylesheet">

    <!-- Custom styling plus plugins -->
    <link href="${_css}/custom.css" rel="stylesheet">
    <link href="${_css}/icheck/flat/green.css" rel="stylesheet">
    <link href="${_css}/datatables/tools/css/dataTables.tableTools.css" rel="stylesheet">
	<link rel="stylesheet" href="${_css}/base.css">
    <script src="${_js}/jquery.min.js"></script>
	<script src="${_js}/resize.js"></script>
	<script type="text/javascript" src="${_front_js}/jquery.page.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
	<style>
		td a{
			cursor:pointer
		}
	</style>
</head>

<body style="background: #F7F7F7;">
<div class="">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_title">
					<h2>用户逾期还款</h2>
					<div class="clearfix"></div>
				</div>
                <div class="pull-right">
                	<button id="query" type="button" class="btn btn-info">查询</button>
                </div>
                <form class="form-horizontal form-label-left input_mask" id="borrowOverDueRepayForm">
                    <form class="form-horizontal">
						<fieldset>
							<div class="control-group">
								<div class="controls" style="margin-left: 30px;">
									<div class="input-prepend input-group">
										<span class="add-on input-group-addon">
											<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
										</span>
										<input type="text" style="width: 200px" name="expectPaymentDate" id="reservation" placeholder="请选择理论还款时间段"
										class="form-control" value="<#if expectPaymentDateBegin?? & expectPaymentDateEnd??>${expectPaymentDateBegin}~${expectPaymentDateEnd}</#if>" />
										<input type="text" style="width: 200px;margin-left:58px;" name="actualPaymentDate" id="reservation2" placeholder="请选择实际还款时间段" 
										class="form-control" value="<#if actualPaymentDateBegin?? & actualPaymentDateEnd??>${actualPaymentDateBegin}~${actualPaymentDateEnd}</#if>" />
										</div>
									</div>
								</div>
							</div>
						</fieldset>
					</form>
                 </form>
				<div class="clearfix"></div>
				</div>
            </div>
            <div class="scroll">
                <div class="x_content">
                    <table id="example" data-action="/admin/borrowPayment/listOverdue?overdueDay=-1" class="table table-striped responsive-utilities jambo_table">
                        <thead>
                            <tr class="headings">
                                <th>
                                    <input type="checkbox" class="tableflat">
                                </th>
                                <th>序号 </th>
                                <th>用户</th>
                                <th>状态</th>
                                <th>借款标</th>
                                <th>还款期数</th>
                                <th>还款金额(￥)</th>
                                <th>还款本金(￥)</th>
                                <th>还款利息(￥)</th>
                                <th>未还总额(￥)</th>
                                <th>未还本金(￥)</th>
                                <th>未还利息(￥)</th>
                                <th>理论还款时间</th>
                                <th>实际还款时间</th>
                                <th>逾期天数</th>
                                <th>逾期利息(￥)</th>
                                <th>逾期滞纳金(￥)</th>
                                <th>创建时间</th>
                                <th>明细</th>
                                </th>
                            </tr>
                        </thead>

                        <tbody>
			                <#if (pageInfo.pageList?size > 0)>
								<#list pageInfo.pageList as item>
									<tr class="even pointer">
		                                <td class="a-center ">
		                                    <input type="checkbox" class="tableflat">
		                                </td>
		                                <td>
		                                	${item_index+1}
		                                </td>
		                                <td>
		                                	<#if item.borrowUserName?exists>
		                                		${item.borrowUserName}
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.status?exists>
		                                		<#if item.status =='N'>
		                                		 	未还完
		                                		<#elseif  item.status =='Y'>
		                                			已还完
		                                		</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.title?exists>
		                                		${item.title}
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.periodIndex?exists>
			                                	${item.periodIndex}期
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.paymentTotal?exists>
		                                		<#if (item.paymentTotal != 0 )>
			                                		${item.paymentTotal?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.paymentFund?exists>
		                                		<#if (item.paymentFund != 0 )>
			                                		${item.paymentFund?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.paymentInterest?exists>
		                                		<#if (item.paymentInterest != 0 )>
			                                		${item.paymentInterest?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.notPaymentTotal?exists>
		                                		<#if (item.notPaymentTotal != 0 )>
			                                		${item.notPaymentTotal?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.notPaymentFund?exists>
		                                		<#if (item.notPaymentFund != 0 )>
			                                		${item.notPaymentFund?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.notPaymentInterest?exists>
		                                		<#if (item.notPaymentInterest != 0 )>
			                                		${item.notPaymentInterest?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	${(item.expectDate?string("yyyy-MM-dd HH:mm:ss"))!}
		                                </td>
		                                <td>
		                                	${(item.actualDate?string("yyyy-MM-dd HH:mm:ss"))!}
		                                </td>
		                                <td>
		                                	${item.overdueDay!}
		                                </td>
		                                <td>
		                                	<#if item.overdueInterest?exists>
		                                		<#if (item.overdueInterest != 0 )>
			                                		${item.overdueInterest?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if item.overdueFee?exists>
		                                		<#if (item.overdueFee != 0 )>
			                                		${item.overdueFee?string('0.00')}
			                                	<#else>
			                                	 	0.00
			                                	</#if>
		                                	</#if>
		                                </td>
		                                <td>
		                                	${(item.createTime?string("yyyy-MM-dd HH:mm:ss"))!}
		                                </td>
		                                <td>
		                                	<a href="/admin/borrowPayment/listBorrowPaymentDetail?paymentId=${item.id }" target="p2p_frame">查看明细</a>
		                                </td>
		                             </tr>   
		                        </#list>
		                        <#else>
									<tr class="even pointer">
										<td colspan="19">无记录</td>
									</tr>
							</#if>
                        </tbody>
                    </table>
                    <#if (pageInfo.pageList?size > 0)>
	                	<#include "../base/Page.ftl">
	                </#if>
                </div>
            </div>
        </div>
        <br />
    </div>
</div>
                    
<script src="${_js}/bootstrap.min.js"></script>

<!-- bootstrap progress js -->
<script src="${_js}/progressbar/bootstrap-progressbar.min.js" type="text/javascript"></script>
<script src="${_js}/nicescroll/jquery.nicescroll.min.js" type="text/javascript"></script>
<!-- icheck -->
<script src="${_js}/icheck/icheck.min.js" type="text/javascript"></script>
<script src="${_js}/custom.js" type="text/javascript"></script>

<!-- PNotify -->
<script src="${_js}/notify/pnotify.core.js" type="text/javascript"></script>
<script src="${_js}/notify/pnotify.buttons.js" type="text/javascript"></script>
<script src="${_js}/notify/pnotify.nonblock.js" type="text/javascript" ></script>

<!-- daterangepicker -->
<script type="text/javascript" src="${_js}/datepicker/moment.min2.js"></script>
<script type="text/javascript" src="${_js}/datepicker/daterangepicker.js"></script>
<script type="text/javascript" src="${_front_js}/date.js"></script>

<script>
    $(document).ready(function(){
        $('input.tableflat').iCheck({
            checkboxClass: 'icheckbox_flat-green',
            radioClass: 'iradio_flat-green'
        });
        $('#reservation').daterangepicker(null, function (start, end, label) {
            //console.log(start.toISOString(), end.toISOString(), label);
        });
        
        $('#reservation2').daterangepicker(null, function (start, end, label) {
            //console.log(start.toISOString(), end.toISOString(), label);
        });
    });
    
    function initData(action) { 
    	var reservation = $("#reservation").val();
		var reservation2 = $("#reservation2").val();
    	var reg = /^\d{4}[-]\d{2}[-]\d{2}~\d{4}[-]\d{2}[-]\d{2}$/;
    	if((reservation !="" && !reg.test(reservation)) || (reservation2 !="" && !reg.test(reservation2))){
			new PNotify({
		            	title: '操作提示',
		            	text: '时间格式错误！',
		            	delay: 3e3,
		            	type: 'error'
		        	});
		    return false;
		}
		var splitChar = "~";
		if(reservation !=""){
    		if(reservation.indexOf(splitChar) != -1){
    			var expectDateBegin = $.trim(reservation.split(splitChar)[0]);
    			var expectDateEnd = $.trim(reservation.split(splitChar)[1]);
    			action +="&expectDateBegin="+expectDateBegin;
    			action +="&expectDateEnd="+expectDateEnd;
    		}
    	}
    	if(reservation2 !=""){
    		if(reservation2.indexOf(splitChar) != -1){
    			var actualDateBegin = $.trim(reservation2.split(splitChar)[0]);
    			var actualDateEnd = $.trim(reservation2.split(splitChar)[1]);
    			action +="&actualDateBegin="+actualDateBegin;
    			action +="&actualDateEnd="+actualDateEnd;
    		}
    	}
		window.location.href=action;
	} 
	
	$(".btn-info").click(function(){
		initData($("#example").attr('data-action'));
	});
</script>
</body>

</html>